<template>
	<view class="box">
		<view class="top">
			<view class="topOne">开票记录</view>
			<view>可开发票总额</view>
			<view class="topThree">￥<text>0.00</text></view>
		</view>
		<view class="center">
			<navigator class="centers" url="/pages/order/invoiceone">
				<view class="centersLeft">
					<view class="centersleftTitle">
						<view>团油开票</view>
						<image src="../../static/w3.jpg" mode=""></image>
					</view>
					<view class="centersleftCount">支持电子发票</view>
				</view>
				<view class="centersRight">
					<image src="../../static/w4.jpg" mode=""></image>
				</view>
			</navigator>
			<navigator class="centers" url="/pages/order/invoicetwo">
				<view class="centersLefts">
					<view class="centersleftTitle">
						<view>服务费开票</view>
						<image src="../../static/w3.jpg" mode=""></image>
					</view>
				</view>
				<view class="centersRight">
					<image src="../../static/w5.jpg" mode=""></image>
				</view>
			</navigator>
		</view>
		<view class="bottom">
			<view>订单的开票方为“团油开票"的，可通过【团油开票】入口进入申请开票。</view>
			<view>订单的开票方为“油站开票"的，可向加油站前台索取发票。</view>
			<view>若订单收取了服务费，可通过【服务费开票】入口进入申请开票。</view>
			<view>若订单中使用了购买的优惠券包中的优惠券，该优惠券可以通过【优惠券开票】入口申请开票。</view>
			<view>仅支持线上开具增值税普通发票（电子发票) 。</view>
			<view class="bottomOne">如在使用中有任何疑问请联系客服，了解更多详情请参阅<text @click="tiao()">开票规则</text>。</view>
			<view class="bottomTwo">客服电话:400-0835-999</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			tiao(){
				uni.navigateTo({
				    url:'rule'
				})
			}
		}
	}
</script>

<style>
	.top{margin: 15px;text-align: center;}
	.topOne{text-align: right;}
	.topThree{margin: 10px 0;}
	.topThree>text{font-size: 40px;}
	.center{display: flex;justify-content: space-between;margin: 0 30px;}
	.centers{background-color: #FEF6F4;font-size: 18px;display: flex;justify-content: space-between;align-items: center;width: 48%;padding: 20px 10px;box-sizing: border-box;border: 1px solid #FFEBEA;border-radius: 20px;}
	.centersLeft{width: 60%;}
	.centersLefts{width: 69%;}
	.centersRight{width: 30%;}
	.centersRight>image{width: 100%;height: 70px;}
	.centersleftTitle{display: flex;justify-content: space-between;align-items: center;font-size: 15px;}
	.centersleftTitle>image{width: 23px;height: 23px;}
	.centersleftCount{color: #A28A8A;font-size: 13px;}
	.bottom{color: #808080;margin: 10px 30px;line-height: 27px;}
	.bottomOne{line-height: 35px;margin: 10px 0;}
	.bottomOne>text{color: #000;border-bottom: 1px solid #000;}
	.bottomTwo{color: #000;font-size: 19px;text-align: center;}
</style>